@charset "utf-8";

@font-face { 
font-family: Candara;/*Candara 英文字体*/ 
src: url('fonts/Candara.ttf');
}

/* CSS 通用 */
html,body{ height:100%}
body{background:#f1f1f1; width: 100%; display: block; font-size:12px; font-family: Arial,"Microsoft YaHei";  padding:0; color:#666; line-height: 22px; margin: 0; position: relative; }
ul,li,dd,dl,dt,form,input{margin:0px; padding:0px; list-style-type:none;}
img{ border:none; margin:0px; vertical-align: middle; }
p,h1,h2,h3,h4{ margin:0px; padding:0px;}
a {text-decoration:none; color:#666; vertical-align: middle; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;transition: all .3s;}
a:hover{color:#999;-webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition: all .6s ease-in-out;}
input{ border:0px; vertical-align:middle; }
table{ border-collapse:collapse;}
.contact-us{font-size:14px;margin-bottom:8px}
.contact-us a{padding-right:8px;}
.ITOne_search{width:100%;margin:0 auto;}
.searchform{width:100%}
.searchinput{width:86%}
.searchsubmit{width:10%;height:30px;line-height:30px;}
.ITOne_search input{height:30px;line-height:30px;padding:0 1%;border:1px solid #ddd;}
/*本站主色调*/
.green{ color:#090}

/*无法转化的手机页面，用图片代替*/
#web_1024{text-align: center;width: 100%; overflow: hidden;display: none}
#wap_480{text-align: center;width: 100%; overflow: hidden;display: none}

/*TOP按钮*/
#goTopBtn { 
POSITION: fixed; CURSOR: pointer; RIGHT:10px; BOTTOM: 35px; _position: absolute; height: 47px;z-index:10000;overflow: hidden;width: 46px;} 

/*清除缓存*/
.clear{clear:both; font-size:0px; line-height:0px; height:0px; overflow: hidden;}

/*header*/
#header { background:#000;background: rgba(0,0,0,0.9); position: fixed ;top: 0; left: 0; width: 100%; z-index: 9999; height:100px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}

.warp {margin:0 auto; width:1024px; }
.header-logo {padding: 18px 0 16px;float: left;}
.header-logo img {width: 250px;}
.navigation {float: right; margin:0;padding: 0;}
.navigation li { margin-left: 40px; float:left}
.navigation li:first-child{ margin-left: 0; }
.navigation a {font-size: 18px; font-weight: 300;text-transform: uppercase;letter-spacing: 0.05em;padding: 15px 0 20px;display: inline-block;line-height: 54px;border-top: 5px solid transparent; _border-top: 5px solid #000;color:#f1f1f1;font-family:"Microsoft YaHei";}
.navigation a:hover{color: #6abb07;}
.navigation a.active {border-color:#009944;color: #6abb07;}

a.header-logo{overflow: hidden; }

div.mobile-nav{ width: 100%; display: none; }
div.mobile-nav-menu{ height: 94px; line-height: 94px; font-size: 30px; font-weight: normal; color: #FFF; padding: 0 15px; display: none; }

/*IE兼容性*/
.upgradeBrowser{ background:#ffffe1;border-bottom:1px solid #f90;}
.upgradeBrowserBox{width:1000px;margin:0 auto;line-height:24px; text-align:center;color:#f60;}

/*video*/
.header-wrapper {width:100%; height:100%; background: #333; padding:0; margin:0; overflow:hidden; background-size:cover;z-index: 1; }
.header-video {left: 0;top: 0;min-height: 100%;min-width: 100%;}
video {display: inline-block;vertical-align: baseline;}
.header-content {position: absolute;top: 0; left: 0; bottom:0; width: 100%;height: 100%; background:url(images/tile-pattern.png); display: table;}


	
.mouse-animte{ position:absolute; left:50%; margin-left:-10px; bottom:100px; width:20px; height:31px; background:url(images/sb1.png) no-repeat center center; z-index:3;}
.mouse-animte a{ display:block; width:100%; height:100%; position:relative;}
.mouse-animte a img{ position:absolute; left:50%; margin-left:-3px; top:6px; opacity:1;animation: aimte 1s cubic-bezier(0.45,0.45,0.45,0.45) 0s infinite alternate;-webkit-animation: aimte 1s cubic-bezier(0.45,0.45,0.45,0.45) 0s infinite alternate;}

@keyframes aimte{ 
	from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);} 
	20%{opacity:0.5;top:8px;}
	40%{opacity:0.8;top:10px;}
	60%{opacity:1;top:12px;}
	80%{opacity:0.8;top:14px;}
	to{opacity:0.5;top:16px;}
}
@-webkit-keyframes aimte{ 
	from, 20%, 40%, 60%, 80%, to {animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);} 
	20%{opacity:0.5; top:8px; }
	40%{opacity:1; top:10px;}
	60%{opacity:0.5; top:12px;}
	80%{opacity:1; top:14px;}
	to{opacity:0.5;top:16px;}  
}

.header-content .f-row {text-align: center;display: table-cell;vertical-align: middle; width:100%; height:100%;}
.slogan { height: 157px; width:748px; margin: 0 auto; top:50%; _margin-top:-78.5px;}
.header-content .section-header {font-weight: 400;letter-spacing: 0.05em;color: #fff;font-size: 55px;position: relative;margin-bottom: 20px;line-height: 1.4;}
.header-content .p-header {font-weight: 100;letter-spacing: 0.05em;color: #fff;font-size: 20px;position: relative;line-height: 1.4;width:700px;margin: 0 auto;}

/*首页服务*/
#content-wrapper {position: absolute; left:0; right:0; top:100%; overflow: hidden;}
.server_box{ position:absolute; margin-top:-100px;}
#pro_intro{background: #f5f5f5; overflow: hidden;padding-bottom:50px;}
#intro h3 {font-size: 26px; display: block; text-align:center; font-weight:normal; margin:100px 0 20px 0;}
#intro .lead {font-size: 16px;line-height: 1.4; margin: 0 auto 40px; text-align:center}

.four-menu{ margin: 0 auto;width: 1024px;margin-top: 10px;}
.four-menu ul li, .four-menu ul li a {position: relative;color: #555;text-decoration: none;}
.four-menu ul li{border-radius: 5px;}
.four-menu ul li:hover{box-shadow: 0 7px 24px 2px rgba(0,0,0,.15);}
.four-menu ul li h1,.four-menu ul li h2 {font-size: 16px; position: absolute; top: 120px; left:0; font-weight: lighter; color: #000; text-align:center; display:block; width:240px; height:24px; line-height:24px;}
/*.four-menu ul li a:hover{color:#FFF}
.four-menu ul li a:hover h1,.four-menu ul li a:hover h2{color:#f1f1f1}*/

.four-menu ul li {float: left;width: 23%;height: 230px;overflow: hidden;margin:0 1%;}
.four-menu ul li span {font-size: 12px;position: absolute;top: 150px;left: 15px;padding-right: 5px;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}

/*.menu-c1 a {background: url(images/c1_menu_bg.jpg) no-repeat center -5px;display: block;height: 250px;overflow: hidden;}*/
/*.menu-c1 a:hover {background:#21b34e url(images/c1_menu_bg_over.jpg) no-repeat center -5px;}*/

/*.menu-c2 a {background: url(images/c2_menu_bg.jpg) no-repeat center -5px;display: block;height: 250px;overflow: hidden;}*/
/*.menu-c2 a:hover {background:#21b34e url(images/c2_menu_bg_over.jpg) no-repeat center -5px;}*/

/*.menu-c3 a {background: url(images/c3_menu_bg.jpg) no-repeat center -5px;display: block;height: 250px;overflow: hidden;}*/
/*.menu-c3 a:hover {background:#21b34e url(images/c3_menu_bg_over.jpg) no-repeat center -5px;}*/

/*.menu-c4 a {background: url(images/c4_menu_bg.jpg) no-repeat center -5px;display: block;height: 250px;overflow: hidden;}*/
/*.menu-c4 a:hover {background:#21b34e url(images/c4_menu_bg_over.jpg) no-repeat center -5px;}*/

#pro_case {background: #f5f5f5; overflow:hidden; padding:50px 0;}
#pro_case .warp{overflow: hidden;}
#pro_case ul{ width:1060px; }

.section-title { padding: 20px 0 20px 0; text-align: center;}
.section-title h2 { font-size: 26px;margin: 30px 0 20px 0;color: #666; font-weight:normal;}
.section-title p {font-size: 16px;line-height: 35px;color: #666;}

.tc{ text-align:center}
.subnav{ overflow:hidden; margin-bottom:10px; margin-top:30px;}
.subnav a.green {background-position:0px 0px;color: #fff;}
.subnav a {background: url(images/subnav_icon.png) no-repeat -90px 0px; color: #444; width: 80px; height: 30px; line-height:30px; display:inline-block; font-size: 14px; margin: 0 4px; text-align:center;}

li.product_list{width:320px; float:left; margin-right:31px; margin-top:20px; }
li.product_list div{width:300px; height:130px; padding:10px; background:#FFF;}
li.product_list div a{color:#333;margin:0 0 0 8px;}
li.product_list div h2{font-size:14px;font-weight:bold; line-height:30px;}
li.product_list div p{color:#666; height:90px; line-height:18px; margin:0 8px 10px 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-break: break-all;overflow: hidden;}
li.product_list dt{margin:0;width:320px;height:198px;text-align:center;overflow:hidden;}
li.product_list dt img{width:320px;height:198px;transition: all 1s ease 0s;}
li.product_list dt:hover img{ -webkit-filter:brightness(.5);filter:brightness(.5);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);}
li.product_list dt a{display:block;width:320px;height:198px;  display: table-cell; vertical-align: middle;}

/*列表案例*/
#class {overflow: hidden;padding: 0px 0;height: 100px;}
#class .left h2 {font-size: 32px;float:left; display:block; line-height:40px; padding-top: 40px;color: #666;}
#class .left strong {font-size: 44px;font-family: Arial;font-weight: bold;color: #444;margin-right: 6px;vertical-align: middle;}
#class .left p { float:left;color: #999;margin-top: 40px;margin-left: 10px;}
#class .warp {border-bottom: #999 1px solid;height: 99px;}
#class .qq{margin-top:50px;}

#case { width:1024px; overflow:hidden; margin:0 auto; padding-bottom:20px;}
.n_des {font-size: 24px;line-height: 36px; text-align: center; padding: 30px 0 10px 0; width:1024px; margin:0 auto}
#case ul {width: 1056px;}
#case ul li {background-color: #fff;width: 320px;height: 320px;float: left;display: inline;margin: 30px 32px 0 0; position: relative;}

#case ul li dd a {color: #fff;overflow: hidden;}
#case ul li dd a, #case ul li dd a img {display: block;position: relative;}
#case ul li .hcase-image-box {margin: 0;background-position: 0 0;background-repeat: repeat;position: absolute;width: 320px;height: 198px;z-index: 110;}
#case ul li dt {margin: 6px 20px 0 20px;line-height: 22px;color: #838383;}
#case ul li dt h3 {border-bottom: 1px solid #e3e3e3;height: 30px;margin-bottom: 8px;padding-bottom: 4px;line-height: 30px;font-size: 16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#case ul li dt h3 a {color: #222;}
#case ul li dt h3 a:hover{ color:#337ab7}
#case ul li .hcmore {font-size: 13px;float: right;color: #767676;}
.news_list{overflow:hidden; width:100%;}
.news_list .pic{float:left; border:1px solid #CCC; margin-right:20px;}
.news_list  a{font-size: 16px; color: #666;}
.news_list  span{ float:right}
.news_list  p.m{display: block;padding-top: 12px;line-height: 20px;color: #999;}
/*内容*/
#content {width: 1024px; padding-top: 20px; overflow:hidden; margin:0 auto; padding-bottom:35px;}
#content .view {width: 700px;background: #fff;padding: 30px;overflow: hidden;}
#content .view_case {width:1024px; overflow: hidden;}
#content .view_case .desinfo {padding: 10px; background:#E0E0E0;font-size: 12px; margin-bottom:10px;}
.fr {float: right;}
.fl {float: left;}
#MyContent {line-height: 200%;}
#MyContent p {padding-bottom: 10px;}
#content .view #MyContent img{max-width: 650px;width: expression(this.width > 650 ? 650: true);}

#content .view .tit,#content .view_case .tit {padding: 0px 0 10px 0;text-align: left;border-bottom: #999 1px dashed;margin-bottom: 20px;}
#content .view .tit h1,#content .view_case .tit h1 {font-size: 20px;color: #333;font-weight: bold;}
#content .view .tit .info,#content .view_case .tit .info {color: #999;height: 25px;line-height: 25px;margin-top: 6px;}
#content .view .tit .info ul li,#content .view_case .tit .info ul li{ float:left; margin-right:20px;}
#content .view .tit .info .time span,#content .view_case .tit .info .time span{padding-left: 18px;background: url(images/time.png) no-repeat left center;}
#content .view .tit .info .sv span,#content .view_case .tit .info .sv span{padding-left: 18px;background: url(images/vs.png) no-repeat left center;}
#content .view .tit .info .url span,#content .view_case .tit .info .url span{padding-left: 18px;background: url(images/url.png) no-repeat left center;}
#content .view .tit .info .url a,#content .view_case .tit .info .url a{color: #009900;}
#content .view .tit .info .look span,#content .view_case .tit .info .look span{padding-left: 18px;background: url(images/look.png) no-repeat left center;}
#content .view #article_pn {border: 1px dashed #ddd;margin-top: 25px;padding: 15px;background: #F9F9F9;text-align: left;}
#content .view_case #article_pn {border: 1px dashed #ccc;margin-top: 25px;padding: 15px; text-align: left;}
#content .view .tag,#content .view_case .tag{padding-left: 18px;background: url(images/nmorepagetags.png) no-repeat left 17px; margin-top:20px; border-top:#999 1px solid; padding-top:10px; margin-bottom:20px;}
.tag span {vertical-align: middle;}
#content .view_case .tag {background-position: left 15px;}

#content .view #article_pn a,#content .view_case #article_pn a {color: #369;text-decoration: underline;}

/*内容分类*/
.content_left .class {background: #fff;padding: 20px;width: 200px;display: block; overflow:hidden}
.content_left .class .classname {margin-bottom: 10px;border-bottom: 2px #090 solid;font-size: 21px;color: #222;padding-bottom: 10px;}
.content_left .class ul {padding: 0px 0 0; width:260px;}
.content_left .class ul li {float: left;width: 90px;margin-right: 20px;margin-top: 10px;display: inline;}
.content_left .class ul li a {display: block;background: #eee;padding: 5px 0;width: 90px;text-align: center;}
.content_left .class ul li a.currclass {background:#090;color: #fff;}

/*相关内容*/
.content_left .more {background: #fff;padding: 20px;width: 200px;display: block;margin-bottom: 10px;}
.content_left .more p {font-size: 15px;color: #454545;padding-bottom: 20px;}
.content_left .more li {padding-left: 18px;background: url(images/hotnews_liicon.png) no-repeat left center;line-height: 27px; width:182px;isplay:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#portletnewstype{margin-bottom:10px}
.cases_more .more{background: #fff;padding: 20px; overflow:hidden; margin-top: 10px;}
.cases_more .more p {font-size: 15px;color: #454545;padding-bottom: 20px;}
.cases_more .more ul{ width:1024px;}
.cases_more .more li{ float:left; margin-right:10px; text-align:center}
.cases_more .more li img{ width:155px;}
.cases_more .more li div.txt{width:155px;height:30px;line-height:30px; color:#6699ff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/*分页*/
.pagelist {padding: 8px;height: 35px;text-align: center;padding-top: 50px;margin-bottom: 20px;clear: both;font-size: 12px;}
.pagelist a {margin: 2px;color: #5a5a5a;text-decoration: none;background-color: #e7e7e7;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;}
.pagelist .curr {font-weight: bold;margin: 2px;color: #fff;background-color:#090;padding: 8px; vertical-align: middle;}
.pagelist span {margin: 4px;color: #5a5a5a;background-color: #e7e7e7;padding: 8px; vertical-align: middle;}

/*客户*/
#index_client {background: #fff; overflow:hidden; padding:50px 0;}
.htitle{clear: both; height: 80px; line-height:80px; overflow:hidden; margin-bottom: 20px;}
.htitle span {float: right;font-size: 16px;}
.htitle span a {font-size: 16px;color: #090;}
.htitle h2 {font-size: 24px; font-weight: normal;color: #444;}

#index_client ul{ width:1120px;}
#index_client ul li {float: left; margin: 10px 40px 15px 0; border:#CCC 1px solid; width:135px; height:50px;}
#index_client ul li img { 	width:135px; height:50px;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
	
}

/*内容*/
#client_box {background: #313131 url(images/client_bg.jpg) no-repeat top center; overflow:hidden; padding:100px 0 50px 0;}
#client_box ul{ width:1120px;}
#client_box ul li {float: left; margin: 10px 40px 15px 0; border:#CCC 1px solid;}
#client_box ul li img { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;

}

/*关于我们&观点*/
#index_about {background: #f5f5f5; padding:50px 0;overflow:hidden}
#index_about .about_content {float: left;margin: 0;padding-right: 34px;width: 470px;border-right: 1px #b9b9b9 dashed;}
#index_about .title {font-size:20px;padding-bottom: 30px;color: #444;}
#index_about .about_content .habouttxt h4 {font-size: 16px;color: #222;padding-bottom: 24px;}
#index_about .about_content .habouttxt p {line-height: 22px;color: #666;}
#index_about .about_content .ctxtmore {padding-top: 16px;}
#index_about .about_content .ctxtmore a {color: #fff;background: #090;padding: 5px 10px;}

#index_about .news {width: 460px;float: right;}
#index_about .news ul {width: 460px;}
#index_about .news ul li {width: 460px;float: left;line-height: 24px;padding-bottom: 0px;}
#index_about .news ul li span {float: right;color: #767676;font-size: 12px;}
#index_about .news ul li a {color: #535353;padding-left: 17px;font-size: 12px;background: url(images/hotnews_liicon.png) 0  center no-repeat; width:350px; display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#index_about .news .ctxtmore {clear: both;padding-top: 15px;}
#index_about .news .ctxtmore a {color: #fff;background: #090;padding: 5px 10px;}

/*内页动态*/
#list {width: 1024px; margin: 0px auto; padding-top: 20px; overflow:hidden; padding-bottom: 30px;}
#list .left {width: 700px;background: #fff;padding: 30px;overflow: hidden;min-height: 600px;}
#list .left .tit {padding: 0px 0 10px 0;text-align: left;border-bottom: #ccc 1px dashed;margin-bottom: 20px;}
#list .left .tit h1 {font-size: 20px;color: #333;font-weight: bold;}
#list .left ul {padding-top: 0px;}
#list .left ul li {padding: 15px 0;border-bottom: #ddd 1px dashed;}
#list .left ul li p.t span {float: right;color: #999;}
#list .left ul li p.t a {padding-left: 17px;font-size: 16px;background: url(images/hotnews_liicon.png) 0 0px no-repeat;}
#list .left ul li p.c {display: block;padding-top: 12px;line-height: 20px;color: #999;padding-left: 17px;width: 650px;}

/*主*/
#main{padding-top:100px; background:#f5f5f5; width:100%;}

/*about*/
.about-tenede{background:url(images/about.gif) repeat; padding:5em 0 5em 0; position:relative; color:#ccc;}
.about-tenede .about-tenede-tit{float:right; text-align:right; width:20%; margin:30px 0;}

.container {margin-right: auto; margin-left: auto; width: 1024px; }
.container p {margin: 0 0 10px;}

.about-tenede-content{width:79%; margin:13px 0 0 0 ;overflow:hidden;}
.about-tenede-content h2{color:#fff;font-size:2.3em; margin:30px 0; line-height:40px;}
.about-tenede-content dl{ width:380px;}
.about-tenede-content dl.l{ float:left;}
.about-tenede-content dl.r{ float:right}
.about-tenede-content dl dt{font-weight:bold;font-size:2.5em;text-transform:uppercase;padding:.5em 0}
.about-tenede-content dl dd{font-size:1.2em;line-height:1.5}

/*2*/
.about-view { background:#0ea98b;  color: #FFF; padding:50px 0;}
.about-view .container{position:relative;}
.about-view .about-we-bg{ position:absolute; bottom:-90px; right:0; width:574px; }
.img-responsive {display: block; height: auto; max-width: 100%;}
.about-view .about-view-content{ width:420px;}
.about-view .about-view-content h2 {font-size: 3em;margin: 0;line-height: 1;}
.about-view .about-view-content h3 {font-size: 1.2em;margin: 0; font-weight:normal}
.about-view .about-view-content1 {padding: 3em 0 0 0;}
.about-view .about-view-content1 p {font-size: 13px; line-height: 1.8;margin: 0 0 12px 0;}

/*3*/
.about-view-dl {background-color: #fff;width: 100%;padding: 7em 0 6.5em 0; overflow:hidden}
.about-view-dl dl {text-align: center;position: relative;z-index: 10;color: #333; width:33.3333%; float:left}
.about-view-dl dl dd.tit-en {padding: .5em 0;font-size: 1.5em;font-weight: bold;}
.about-view-dl dl dd.tit-cn {font-size: 2em;font-weight: bold;}
.about-view-dl dl dd.des {padding: 1em 3em 0 3em;}

/*4*/
.about-services{ overflow:hidden;padding:50px 0;background-color:#ffffff}
.about-services ul{margin:0;padding:0;width:1024px;margin:0 auto;}
.about-services li{width:320px;margin: 1% 1%;float:left;position:relative;overflow:hidden;height:0;padding-bottom:198px;color:#fff; background:#CCC;background-size:100% 100%;}

.about-services li.about-web{background-color:#81c2d6}
.about-services li.about-branding{background-color:#ffa26f}
.about-services li.about-seo{background-color:#f0dc6b}
.about-services li.about-wechat{background-color:#86af53}
.about-services li a{color:#fff;width:100%;height:100%;left:0;top:0;cursor: pointer;}
.about-services li:hover{box-shadow: 0 7px 24px 2px rgba(0,0,0,.15);}
.about-services li big{ font-size:16px;padding:10px 20px;position:absolute;bottom:0;width:88%;font-weight:bold;background-color:rgba(0, 0, 0, 0.15);text-overflow: ellipsis; white-space:nowrap;overflow: hidden;word-wrap: normal;}
.about-services li big small{display:block; font-size:12px; border-bottom:solid 1px #fff;width:80%; font-weight:normal}

/*5*/
.about-culture {background-color: #e7e7e7; overflow:hidden}
.about-culture .about-culture-content {padding: 10em 0 13em 45%; color: #767676; width: 55%; background: url(images/about-culture.jpg) no-repeat left bottom;}
.about-culture .about-culture-content h2 {font-size: 4.5em;color: #000;}
.about-culture .about-culture-content h1{font-size: 20px;margin: 30px 0;}
.about-culture .about-culture-content p.des-cn {margin: 1.8em 0;line-height: 1.8;font-size: 13px; width:550px;}
.about-culture .about-culture-content p.des-en {width:550px; display:block; background:url(images/about_culture.png) no-repeat ; height:110px;}

/*服务*/
.iwidth {width: 1024px;margin: 0 auto; height: 100%;}
.pr {position: relative;}
.stxt {position: absolute;line-height: 26px;}
.f18 {font-size: 18px;}
.mt15 {margin-top: 15px;}
.f14 {font-size: 14px;}
.candara{font-family: Candara; font-size:80px;font-weight: 600; line-height:100px;}

.s1 a,.s2 a,.s3 a,.s4 a{ display:block; width:150px; height:40px; background:#666; text-align:center; line-height:40px; color:#f1f1f1;-moz-border-radius: 5px; 
-webkit-border-radius: 5px;}
.s1 a:hover, .s2 a:hover, .s3 a:hover, .s4 a:hover{background:#333;}

.ser-banner {background: #00867d url(images/ser-bj.jpg)no-repeat top center ;height: 290px;position:relative}

#client{ position:absolute; bottom:0; height:100px;}

.s1 {background:#fff url(images/s1.png) repeat-x center bottom;height: 513px;overflow: hidden}
.s1 .stxt {right: 0px; top: 65px;width: 452px;color: #fff;}
.s1 .stxt .en_box{margin-bottom: 10px;color: #fff; line-height: 18px;}
.s1 .pic_bg{position: absolute; left: 0px;bottom: 5px;  width:510px;}
.s1 .pic_bg img{width: 100%}

.s2 {height: 524px;background:#fff;}
.s2 .stxt {left: 0px;top: 95px;width: 550px;color: #666;}
.s2 .stxt span{color: #333}
.s2 .stxt .en_box{margin-bottom: 10px;color: #939393}
.s2 .pic_bg{position: absolute; right: 0px;top:78px;  width:267px;}
.s2 .pic_bg img{width: 100%}

.s3 {background:#e7e7e7;height: 516px;}
.s3 .stxt {right: 0px;top: 100px;width: 464px;color: #666;}
.s3 .stxt span{color: #333}
.s3 .stxt .en_box{margin-bottom: 10px;color: #939393}
.s3 .pic_bg{position: absolute; left: 0px;top:70px;  width:399px;}
.s3 .pic_bg img{width: 100%}

.s4 {height: 600px;background:#fff;}
.s4 .stxt {left: 0px;top: 70px;width: 540px;color: #666;}
.s4 .stxt span{color: #333}
.s4 .stxt .en_box{margin-bottom: 10px;color: #939393}
.s4 .pic_bg{position: absolute; right: 0px;top:125px;  width:390px;}
.s4 .pic_bg img{width: 100%}

/*网页设计服务*/
.webdesign1 {color: #505050; background:#FFF;overflow: hidden}
.webdesign1 .warp{position: relative;padding:8em 0;overflow: hidden}
.webdesign1-bg { width:500px; float:left}
.img-responsive {display: block; height: auto; width: 100%;}
.webdesign1 .webdesign1-con {float:right; width:480px;}

/*.webdesign1-con p.h1 {font-size: 2.7em; margin: 0;}We are a digital design agency.*/
/*.webdesign1-con p.h2 {font-size: 1.6em; margin: 5px 0 15px 0;}We like doing new things thoughtfully.*/
/*Our design blends compelling aesthetics, time-honored usability standards, and advanced technologies to communicate your message.*/
.en_web_design{ background:url(images/web_design.png) no-repeat; width:449px; height:99px; margin-bottom:20px;}

.webdesign1-con p.h {font-size: 2em;font-weight: bold; margin:10px 0;font-family:"Microsoft YaHei"}
.webdesign1-con p {margin: 0;line-height: 1.7;}
.webdesign1 .webdesign1-works {position: absolute; right:0; bottom: 0;width: 320px;line-height: 63px;color: #fff;background: url(images/webdesign1-works.png) no-repeat 240px center #0060aa;height: 63px;font-size: 23px;text-indent: 25px;}
.webdesign1 .webdesign1-works a {color: #fff;font-weight: bold;float: left;width: 100%;height: 100%;font-family:"Microsoft YaHei"}

/*2*/
.webdesign2 {color: #fff;width: 100%;background-color: #0264a5;overflow: hidden}
.webdesign2 .webdesign2-con {background-color: #1876b6; padding: 20px; width:340px; float:right; line-height:24px;}
.webdesign2 .webdesign2-con p{ margin:10px 0;}
.webdesign2 .webdesign2-con big {font-size: 2em; font-weight: bold; margin:0 auto; display:block; padding:20px 0;font-family:"Microsoft YaHei"}
.webdesign2 .webdesign2-about{ width:580px; float:left}

.webdesign2 .webdesign2-about span.h3 {border-bottom: solid 1px #fff; padding-bottom: 10px; display:block; background:url(images/designers.png) no-repeat; width:533px; height:17px; margin:25px 0;}
/*Our designers lead the way in creative direction for our clients*/
.webdesign2 .webdesign2-about span.en { background:url(images/website_design_services.png) no-repeat; width:549px; height:188px;margin:90px 0; display:block;}
/*Web development and website design services.*/
.webdesign2 .webdesign2-about p {font-size:4.5em;margin: .6em 0;font-weight: bold; line-height: 1.2em;font-family:"Microsoft YaHei"}
.webdesign_s{ background:url(images/xuanyan.png) no-repeat; width:332px; height:336px;}
/*
Our vision is to create unique and customised solutions for your brand with our website design services. We identify and understand your brand’s identity before we start designing.  Our designers then create multiple concepts to help our clients find a solution that’s right for them. we website design and development team work collaboratively with clients throughout the process. The result is web designs that showcase the brands personality as well as its key products and services.
Our websites are designed with your customers in mind. We make sure we understand the demands of your target market when developing your website. All the site’s elements are developed and arranged for the purpose of facilitating the most enjoyable and positive experience for your user with User Interface and Experience Design.
*/

/*3*/
.webdesign3 {width: 100%;position: relative;background-color: #e7e7e7;border-bottom: solid 1px #c3c3c3;padding-top: 5em;overflow: hidden}
.webdesign3 .webdesign3-con p.h2 {margin: 0;font-size: 3.5em;padding: 0 0 .5em 0;font-family:"Microsoft YaHei"}
.webdesign3 .webdesign3-con p {font-weight: normal;line-height: 1.5;}
.webdesign3 .webdesign3-con div.compatible{ background: url(images/compatible.png) no-repeat; width:382px; height:144px; margin-top:40px}
/*
Fully responsive design
Pc Browser: IE8+, 360, Safari, Chrome, Sogou, Firefox...
Mobile Browser: Chrome, Safari, UC, QQ...
The layout adapts to the Screen size of whatever devices your visitors are using, looking great from a desktop view down to a smaller mobile resolution.
*/
.webdesign3 .webdesign3-con {color: #444;padding-top: 4em; width:390px; float:left}
.webdesign3 .webdesign3-bg {position: relative; bottom: 0; width:500px; float:right}

.webdesign4 {width: 100%;position: relative;background-color: #e7e7e7;border-bottom: solid 1px #c3c3c3;overflow: hidden}
.webdesign4 .webdesign4-con { padding:10px 100px;text-align: center;color: #444;font-size: 13px;}
.webdesign4 .webdesign4-con h1 {font-size: 3em;margin: 1em 0 .5em 0;font-family:"Microsoft YaHei"}
.webdesign-list {padding: 8em 0 7em 0; background:#FFF;overflow: hidden}
.webdesign-list .webdesign-item {width: 230px;text-align: center ;margin-right:25px; padding: 0;color: #444; float:left}
.webdesign-list .webdesign-item .h1 {margin: 10px 0;font-family:"Microsoft YaHei"; font-size:26px;}
.webdesign-list .webdesign-item p {font-size: 13px;}
.mall{ background:url(images/mall.png) no-repeat; width:738px; height:29px; margin:20px auto}
/*Whether your brand is looking to re-position itself, strength online presence or increase online sales, we can help you with our premium website design services. We strive to meet clients’ expectations every day with our website design services.*/

/*平面设计*/
.brand-creative {height: 440px; overflow:hidden; position: relative}
.brand-creative .brand-item-1 {background: url(images/brand1.png) no-repeat right bottom #e9e9e9;color: #4f4f4f; height:440px; float:left; width:50%; position:absolute}
.brand-creative .brand-item-1 .en{ width:457px; height:155px; float:right; background:url(images/brand_t.png) no-repeat; padding-right:30px; margin-top:95px;}

/*
Brand Creative
We deliver the robust, creative services that businesses demand with our in-house creative team of web and graphic designers, front and back-end web developers, social media strategists and brand strategists.
we places great consideration on the following definitions of corporate branding.
*/

.brand-creative .brand-item-2 {background: url(images/brand2.png) no-repeat left bottom #fea26f;color: #fff; height:440px; left:50%;width:50%; position:absolute}
.brand-creative .brand-item-2 .cn{ width:462px; overflow:hidden; padding:80px 20px 0 30px; float:left;}
.brand-creative .brand-item-2 .cn .t{margin: 0 0 .2em 0;font-size: 4.5em; line-height: 1.5;font-family:"Microsoft YaHei"}
.brand-creative .brand-item-2 .cn .txt{line-height: 1.5; font-size: 1.2em;}

/*2*/
.brand-services {text-align: center;color: #6f7072;background:#fff url(images/brand-content.jpg) no-repeat center 50px; padding:40px 0; overflow:hidden}
.brand-services .brand-services-content {padding:120px 50px 0 50px;}
.brand-services .brand-services-content h1 {font-size:2em; margin-bottom:20px;font-family:"Microsoft YaHei"}
.brand-services .brand-services-content p {line-height:20px; margin-bottom:10px;}
.brand-services .brand-services-content .innovation{ background:url(images/innovation.png) no-repeat; width:920px; height:83px; margin-top:20px;}

/*3*/
.brand-imgae { overflow: hidden; position: relative; height:600px;}
.brand-imgae .brand-image-pic {width: 50%; height: 100%;  position: absolute; left:50%; top:0; overflow:hidden}
.brand-image-pic-b {width:87px;z-index: 99;background: url(images/brand.png) no-repeat left top;height:58px; position:absolute; left:0; top:0;}
.brand_image{ background:url(images/brand_image.png) no-repeat; width:454px; height:315px; text-indent: -9999px; margin-bottom:20px;}
/*
The perception of your product or your brand by the consumer.
How you want the consumer to perceive your product or your brand.Our branding company will bridge the gap between ‘brand image’ and ‘brand identity’.
We can help you develop your brand to stand out from the rest. As leading brand developers, We has helped many companies rise to the top of their field. The way you are perceived can make the difference between being the best or just being average.we are goal when helping position a brand is to ensure the brand is clear and visually consistent. Our branding company can conduct research to measure brand equity, customer loyalty, identify opportunities in products/services and develop campaigns to increase brand awareness.
Brand Image
*/

.brand-imgae .brand-image-content {background:#252525 url(images/brand-image.jpg) no-repeat  right top; color: #a1a1a1; width:50%; position: absolute}
.brand-imgae .brand-image-content .txt{width:462px;  padding:0 30px 80px 20px; overflow:hidden; float:right; margin-top:80px;}
.brand-imgae .brand-image-content p {font-size:14px;}
.brand-imgae .brand-image-content h1 {color: #fff;margin: 0 auto; text-align: center;padding: .2em 0 .5em 0;font-size: 50px;line-height: .8;}


/*微信营销*/
.wechat {width: 100%; overflow: hidden;display: block;}
.wechat-a {background-color: #1b814f; padding: 8em 0 8em 0;}
.wechat-a, .wechat-b {color: #fff;}
.wechat-a .wechat-content {float: left; text-align:center; background:url(images/wechat.png) no-repeat; width:390px; height:117px; padding-top:170px; margin-top:50px;}
.wechat-a .wechat-content p{ font-size:30px; font-weight:bold;font-family:"Microsoft YaHei";}
.wechat-a .wechat-bg{width:450px; float: right; text-align:right}

/*2*/
.wechat-b {background-color: #27b7b8;padding: 4em 0 0 0;}
.wechat-b .wechat-content {margin-top: 5em; float:right; width:400px; height:327px; text-align:center; background:url(images/graphic.png) no-repeat; padding-top:10px;}
.wechat-b .h1 {font-size: 4em; font-weight:bold;font-family:"Microsoft YaHei";}
.wechat-b .cntxt{ font-size:30px; padding-top:85px; font-weight:bold; line-height:35px;font-family:"Microsoft YaHei";}
.wechat-b .wechat-bg{width: 50%; float: left;}

/*3*/
.wechat-c {height:596px; background:#fcf5a5 url(images/wechat3.jpg) no-repeat right center; overflow:hidden}
.wechat-c, .wechat-d {color: #925f40;}
.wechat-c .wechat-content { width:375px; height:269px;text-align:center; background:url(images/weixinsite.png) no-repeat; margin-top:155px;}
.wechat-c .h1 {font-size: 4.5em;font-weight:bold;font-family:"Microsoft YaHei"; padding-top:15px;}
.wechat-c .h3 {font-size: 2.5em;font-weight:bold;font-family:"Microsoft YaHei";padding-top:75px; }


/*4*/
.wechat-d {background-color: #f7c94f;padding: 5em 0 0 0;}
.wechat-d .wechat-content {margin-top: 5em; float:right;text-align:center; background:url(images/weixinmall.png) no-repeat; width:281px; height:275px;}
.wechat-d .h1 {font-size: 3.5em;font-weight:bold;font-family:"Microsoft YaHei"; padding-top:10px;}
.wechat-d .h2 {font-size: 2.2em;font-weight:bold;font-family:"Microsoft YaHei"; padding-top:50px;}
.wechat-d .h3 {font-size: 14px;font-weight:bold;font-family:"Microsoft YaHei"; padding-top:55px; line-height:18px;}
.wechat-d .wechat-bg{ float: left;}

/*网站SEO优化*/
.seo {background-color: #f7f6f2; position: relative; padding-top: 95px;}
.seo .seo1-con {border-bottom: solid 1px #cbcbcb;padding-bottom: 3%;overflow: hidden}

.row { width:530px}
.row li{ float:right; width:247px; height:193px;}

.seo1-left{ float:left; width:46%;}
.seo1-right{ float:right; width:50%; overflow:hidden}

.seo .seo1-con .seo1-left h1 {margin: 0 0 1em 0; background:url(images/seo_t.png) no-repeat; width:362px; height:99px; text-indent:-9999px}
.seo .seo1-con .seo1-right ul li {float: left;margin: 0 1% 2% 1%;}
.seo .seo1-con .seo1-left p {color: #5a5a5a;line-height:2;font-size: 13px;margin:20px 0;}
.seo_experts{ background:url(images/seo_experts.png) no-repeat; width:468px; height:137px; margin-top:30px; display:block}

.seo .seo2 {padding:50px 0;position: relative; width:1024px; margin:0 auto; overflow:hidden}
.seo .seo2 .seo2-bg {width:48%; float:left; }
.search_results{ background:url(images/search_results.png) no-repeat; width:504px; height:116px; margin-top:20px;}
.seo .seo2 .seo2-bg .img-responsive {display: block;height: auto;max-width: 100%;}
.seo .seo2 .seo2-con {color: #5a5a5a; float:right;width: 50%;}
.seo .seo2 .seo2-con h3 {font-size:30px;color: #444; line-height:30px;font-family:"Microsoft YaHei"}
.seo .seo2 .seo2-con p {color: #5a5a5a;font-size: 13px;margin: 0;line-height: 1.6;}
.seo .seo2 .seo2-con-dl {width: 100%;overflow: hidden; margin:10px 0;}
.seo .seo2 .seo2-con-dl dl {float: left;text-align: center;font-size: 14px;width: 161px;}
.seo .seo2 .seo2-con-dl dl dt {font-family: Helvetica,Arial,sans-serif;color: #c22c45;font-size: 4em;line-height: 80px;font-weight: normal;}
.seo .seo2 .seo2-con-dl dl dd.chinese {margin-top: 5px;font-weight: bold;font-size: 1.3em;display: block;}
.seo .seo2 .seo2-con p.c {font-size: 12px;line-height: 1.8; margin-top:20px;}

.seo .seo3 {border-top: solid 2px #fff;border-bottom: solid 2px #fff;width: 100%;float: left;position: relative;background: url(images/seo3-left.jpg);background-size: cover;}

.seo .seo3 .seo3-center {position: relative;left: 20%;width: 30%;background-color: #202020;height:100%;color: #fff;padding: 3em 0; float:left}
.seo .seo3 .seo3-center .seo3-con {width: 80%;margin: 0 auto;border-top: solid 1px #fff;border-bottom: solid 1px #fff;padding: 1em 0;}
.marketing{ background: url(images/marketing.png) no-repeat; width:380px; height:250px; text-indent:-9999px}
.seo .seo3 .seo3-center .seo3-con p {margin: 0;line-height: 1.5;}
.seo .seo3 .seo3-center .seo3-con h3 {margin: 10px 0 10px 0;font-size: 1.6em;line-height: 1.5;}

.seo .seo4-con {padding: 3% 0 4% 0;text-align: center;color: #444;}
.seo .seo4-con p.h1 {color: #c22c45;font-size: 2.5em;margin: 16px 0;font-family:"Microsoft YaHei"}
.seo .seo4-con p.c {line-height: 1.8;}
.seo .seo4-con p {font-size: 14px;line-height: 1.6;margin: 0;}
.seo_factor{ background:url(images/seo_factor.png) no-repeat; width:1018px; height:57px; margin-top:20px;}


/*联系我们*/
.contact_full{background: #232525; padding: 120px 0;overflow: hidden; position: relative; width: 100%;}
.contact_full h1 {text-align: center; font-size: 72px; line-height: 90px; margin-bottom: 80px; color: #ccc;font-family: Candara; font-weight: normal}
.contact_full h1 span {color: #6abb07;}
.contact_full ul{width:  922px; margin: 0 about}
.contact_full ul li { min-height: 130px; float: left; width: 225px; background: url(images/contact-li1.jpg) no-repeat left top; padding-left: 60px; margin-left: 20px; padding-right: 20px; border-right: 1px solid #454545;}
.contact_full ul li h2{color: #ccc}
.contact_full ul li p{color: #999;font-size: 14px;}
.contact_full ul li.li2 { background-image: url(images/contact-li2.jpg); width: 225px; padding-right: 0;}
.contact_full ul li.li3 { background-image: url(images/contact-li3.jpg); width: 190px; border-right: none;}

/*-----2016-11-19 去样式-------
.service-top {background: url(images/service-top.png) center top no-repeat #000;height: 352px;width: 100%;padding-top: 153px; overflow:hidden}
.service-text {text-align: center;margin-bottom: 113px;}
.service-nav {width: 1024px;margin: 0 auto;}
.service-nav ul li a {width: 256px;height: 113px;text-indent: -9999px;position: absolute;left: 0px;top: 0px;z-index: 99;}
.service-nav ul {position: relative;}
.nav-ico1 {background: url(images/ico22.png) center center no-repeat;}
.nav-ico2 {background: url(images/ico23.png) center center no-repeat;}
.nav-ico3 {background: url(images/ico24.png) center center no-repeat;}
.nav-ico4 {background: url(images/ico25.png) center center no-repeat;}
-----------*/

/*
.nav-ico3:hover {background: url(images/ico24-hover.png) center center no-repeat;}
.nav-ico2:hover {background: url(images/ico23-hover.png) center center no-repeat;}
.nav-ico1:hover {background: url(images/ico22-hover.png) center center no-repeat;}
.nav-ico4:hover {background: url(images/ico25-hover.png) center center no-repeat;}
*/

.nav01 {position: absolute;top: 0px;left: 0px;}
.nav02 {position: absolute;left: 250px;top: 0px;}
.nav03 {position: absolute;top: 0px;left: 500px;}
.nav04 {position: absolute;top: 0px;left: 750px;}

.contact_box{ overflow:hidden; background:#fff; padding:50px 0;}
.contact_box table{ width:512px}
.contact_box .fl h3 {font-size: 36px; margin-bottom: 10px;}
.contact_box .fl .thank {width:450px;font-size: 16px; }
.contact_box .fl .tp20{margin: 20px 0; font-size: 24px;}

/*We're excited that you want to work with us. Please fill out this quick quote request form and we'll be in touch shortly.*/

.contact-grids{ width:480px;}
.contact-grids h2{ padding:10px 0;}
.contact-grids ul li{ line-height:30px; padding-left:25px; background:url(images/contact_ico.jpg) no-repeat}
.contact-grids ul li.n{background-position:0 -88px;}
.contact-grids ul li.t{background-position:0 7px;}
.contact-grids ul li.p{background-position:0 -120px;}
.contact-grids ul li.e{background-position:0 -56px;}
.contact-grids ul li.q{background-position:0 -26px;}

.contact_box .txt1, .pg-contact .content .txt {width: 240px;padding-left: 10px;height: 36px;background: white;line-height: 36px;border: 1px solid #DADADA;-moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;color: #333; font-size: 14px;}

.contact_box textarea {background: white; border: 1px solid #D9D9D9; padding: 5px 5px 5px 10px; width:494px;height:150px; margin-top: 10px;overflow-y: auto;line-height: 24px; -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;-webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;box-shadow: 1px 1px 3px 0px rgba(0,0,0,.1) inset;color: #333;font-size: 14px; }

.contact_box table{float: right}

.contact_box .btn {background: url(images/icon_btn.png) no-repeat;width: 140px;height: 43px;display: block;border: none;cursor: pointer;color: white;font-size: 16px; margin-top:15px; font-family:"Microsoft YaHei"}
.contact_box .btn:hover{ background-position:-143px 0;}

/*foot*/
#footer {width: 100%;margin: 0 auto;background: #181718; padding:30px 0;overflow: hidden}
#footer .fcontact {line-height: 20px;color: #9d9d9d;float: left;}

#footer .fcontact .fsns{height:40px;padding-bottom:12px; display:block}
#footer .fcontact .fsns a.qq{ background: url(images/ico_tool_bg.png) no-repeat 0 0; height:40px; width:40px; line-height:40px; display:block; font-size:18px; float:left; margin:0 20px 0 0}
#footer .fcontact .fsns a.qq:hover{background-position: 0 -49px;}

#footer .fcontact .fsns a.weibo{ background: url(images/ico_tool_bg.png) no-repeat -58px 0; height:40px; width:40px; line-height:40px; display:block; font-size:18px; float:left; margin:0 20px 0 0}
#footer .fcontact .fsns a.weibo:hover{background-position: -58px -49px;}

#footer .fcontact .fsns a.tqq{ background: url(images/ico_tool_bg.png) no-repeat -116px 0; height:40px; width:40px; line-height:40px; display:block; font-size:18px; float:left; margin:0 20px 0 0}
#footer .fcontact .fsns a.tqq:hover{ background-position: -116px -49px;}

#footer .fcontact .ftel {font-size: 26px;font-weight: bold;color: #6abb07;}
#footer .fcontact .fctxt {clear: left;}

.weixin {float: right;}
.weixin dt {float: left;width: 84px;height: 90px;margin-top: 28px;margin-right: 10px;}
.weixin dd {float: right;width: 114px;margin-left:10px;overflow: hidden}
.weixin dd img{width: 100px;background: url(images/weixinbg.gif); padding: 7px;}
.weixin dd p{text-align: center; font-size: 14px; padding-top: 5px;}

#linker {padding: 0px 0 10px;line-height: 22px;margin: 0px auto;width: 100%;background: #181718;}
#linker .warp {background: url(images/foot_line.gif) repeat-x;padding-top: 20px;padding-bottom: 10px;}
#linker span {background:transparent;color: #fff; padding:2px;margin-right:8px}
#linker li{display:inline}
#linker a {font-size: 12px;color: #4d4d4d; margin-right:10px;white-space:nowrap;}

#foot_copy {line-height: 35px;width: 100%;margin: 0 auto;color: #999;background: #000;height: 35px;overflow: hidden;}
#foot_copy a {color: #999;}
#foot_copy em {font-size: 10px;color: #333;padding: 5px;}
#foot_copy .copyright{ float:left;}
#foot_copy .ft_menu{ float:right; text-align:right}

.errorMessage {color: #f00;}
.error .txt {border-color: red; color: red;}
.success .txt {border-color: #5EB304;color: #5EB304;}
#msg-form td {vertical-align: top;}

.share { position: fixed; z-index: 999999999999; right:0; top: 50%; width: 30px; margin-top: -114px; background-color: #fff; border-left: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}

.nfl { height: auto !important; height: 320px; min-height: 320px; }
.nfl .f_c { margin: 60px auto; padding: 20px; width: 580px; border: 3px solid #F2F2F2; background: #FFF; }
.nfl .loginform { height: auto; }
.nfl .clause { width: auto; height: auto; }
    
.altw { width: 350px; }
.altw .fltc { margin-bottom: 0; padding: 8px; }
.alert_right,
.alert_error,
.alert_info { padding: 6px 0 6px 58px; min-height: 40px; height: auto !important; height: 40px; line-height: 160%; background:url(images/right.gif) no-repeat 8px 8px; font-size: 14px; }
.alert_error { background-image: url(images/error.gif); }
.alert_error a { font-weight: 700; color: #ccc; }
.alert_info { background-image: url(images/info.gif); }
.alert_btnleft { margin-top: 8px; }
.alert_btn { margin-top: 20px; text-align: center; }
.alert_act { margin-top: 20px; padding-left: 58px; }

.case_more { background:#fff; color: #666; display: block; margin:40px auto 0px auto; width:300px; height:52px; font-size: 16px; line-height: 52px; text-align: center; webkit-transition: background .3s ease-out;-moz-transition: background .3s ease-out;-ms-transition: background .3s ease-out; -o-transition: background .3s ease-out; transition: background .3s ease-out; border-radius:10px; overflow: hidden}
.case_more:hover{color: #fff; background: #090; box-shadow: 0 7px 24px 2px rgba(0,0,0,.15);}

/*相关文章 */
.related-title{margin-top:20px}

/* 评论 */
.comment-title{margin-top:20px}
.ITOne-comments>ul.msg{margin-bottom:8px;border-top:1px solid #ddd;padding-top:10px;border-radius:4px;}
.ITOne-comments{margin-bottom:10px;}
ul.msg img.avatar{float:left;margin-right:10px;border-radius:4px;width:45px;height:45px;border-radius:50%;-webkit-transition:.4s;-webkit-transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;-moz-transition:-moz-transform .4s ease-out;}
li.msgname:hover img.avatar,.commons li:hover img{transform:rotateZ(60deg);-webkit-transform:rotateZ(60deg);-moz-transform:rotateZ(60deg)}
ul.msg li{list-style-type:none;}
ul.msg li.msgname p.commentname{line-height:23px;font-size:12px;margin-bottom:3px;}
ul.msg li.msgname small{color:#aaa;font-size:12px;}
ul.msg li.msgname small a{display:none;}
ul.msg:hover li.msgname small a{display:inline-block;}
ul.msg li ul.msg{margin-top:12px;padding-top:10px;border-bottom:1px solid #ededed;border-radius:4px;box-shadow: 0 0 2px rgba(0,0,0,0.05);}
.ITOne-comment h3,.ITOne-comments h3{line-height:20px;height:20px;font-size:14px;font-weight:normal;margin-bottom:8px;border-radius:2px;}
.ITOne-comment label,.ITOne-comments label{display:none;}
.ITOne-comments h4{line-height:25px;text-align:center;padding:0 10px;font-size:16px;font-weight:normal;margin-bottom:8px;}
.ITOne-comment input{line-height:30px;height:30px;font-size:14px;font-family: "Microsoft YaHei", Verdana, sans-serif;width:100%;border:0;}
.ITOne-comment textarea{border:0;height:40px;line-height:40px;width: 99%; font-size:14px;font-family: "Microsoft YaHei", Verdana, sans-serif;display:block;}
.ITOne-comment-box{border:1px solid #ddd;border-radius:4px;padding:1px;position:relative;background:#fff;margin-bottom:6px;}
.ITOne-comment-ul4{float:left;width:49.5%;}
.ITOne-comment-ul3{float:left;width:32%;}
.ITOne-comment .ITOne-comment-ul4:nth-child(2n){float:right;}
.ITOne-comment .ITOne-comment-ul3-2{margin:0 1%;}
.ITOne-comment-box img.ITOne-code{position:absolute;right:4px;top:4px;height:30px;width:auto;}
.ITOne-comment-box input.button{border:0;border-radius:0 0 2px 0;line-height:40px;height:40px;width:60px;background:#6FAB03;color:#fff;position:absolute;right:0;bottom:3px;}
.ITOne-comment-textarea{width:100%;clear:both;}
.ITOne-red{color:#6FAB03;}
.reply-frm{margin-top:15px;}

/*------小于本站自身尺寸1024的均进行处理------*/
@media screen and (max-width: 1024px){
	.section_01,.section_02,.section_03,.section_04,.section_05,.section_06,.section_07,.section_08,.section_09,.section_10{display: none}
	/*企业手机网站*/
	.mobile_05{display: none}
	.about-services ul{width:100%}
	.about-services li{width:31.3%;padding-bottom:18.5%;margin:1% 1%;}	
	#web_1024{display: block}
	#web_1024 img{width: 100%}
	
	/*导航*/
    #header{ width: 100%; }
    a.header-logo{margin-left: 2%;}
    .navigation li{ margin-left: 24px; }
	.warp {margin:0 auto; width:100%; overflow:hidden}
	
    #header .navigation{ display: none; }
    div.mobile-nav{ display: none; width: 130px; height: 100%; background-color: #f1f1f1;position: absolute; top: 0; right: -130px; z-index: 10000; }
    div.mobile-nav .navigation{ width: 100%; text-align: center; color: #333;  }
    div.mobile-nav .navigation li{ margin-left: 0; padding: 0; float: none; }
    div.mobile-nav .navigation li a{ display: block; width: 100%; height: 100%; color: #333; padding: 0; }
    div.mobile-nav .navigation li a.active{ border-color: transparent; border-left: 5px solid #009944; color: #6abb07; background-color: #FFF; }
    
	/*导航手机版，MORE“三等号”*/
    div.mobile-nav-menu{ display: block; float: right; }
	div.mobile-nav-menu i{display: inline-block;width: 30px; height: 30px;margin-top: 35px}
	div.mobile-nav-menu .glyphicon{background:url(images/menu_more.png) no-repeat;}
	div.mobile-nav-menu .closeicon{background:url(images/menu_close.png) no-repeat;}
	/*业务服务*/
	#intro h3{margin: 60px 0 10px 0;}
	.four-menu{ width:96%;padding:0 2% 20px 2%;}
	.four-menu ul li{width:25%; margin-right: 0; margin-left: 0px; overflow: hidden; height: auto;  border:none;  }
	.four-menu ul li:hover{box-shadow: 0 0 0 0 rgba(0,0,0,0);}
	.four-menu ul li h1, .four-menu ul li h2{width:100%; font-size: 14px;}
	.four-menu ul li a{height: 220px;}
	
	/*案例展示*/
	.section-title{padding: 0 0 20px 0;}
	.section-title h2{margin: 10px 0 10px 0;}
	#pro_case ul{ width: 100%;}
	#pro_case ul li.product_list{width: 30.666%; margin: 20px 0 0 2%;}
	#pro_case ul li.product_list dt{width: 100%;height:auto;}
	#pro_case ul li.product_list dt a{width: 100%;height:auto; display: block;}
	#pro_case ul li.product_list dt img{width: 100%;height:auto;}
	#pro_case ul li.product_list div{width: 90%;padding:0 5% 15px 5%;height:auto}
	#pro_case ul li.product_list div h2 { padding-top: 10px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	#pro_case ul li.product_list div p{ height:auto}
	
	/*合作伙伴*/
	#index_client,.about-services{padding:30px 1% 0 1%;font-size:18px;}
	#index_client .htitle{padding: 0 1%}
	.about-services .htitle{padding: 0 1%}
	#index_client ul{width: 100%; padding-bottom: 20px; overflow: hidden;  }
	#index_client ul li{margin: 10px 0% 10px 1.4%;width:15%; height: auto;border: #CCC 0px solid;}
	#index_client ul li img{width: 100%; height: auto;border: #CCC 1px solid;}
	
	/*关于我们*/
	#index_about .about_content{padding:0 3% 20px 2%;width: 45%;}
	#index_about .news{width: 45%;padding:0 2% 0 2%; }
	#index_about .news ul{width: 100%;}
	#index_about .news ul li{width: 100%;}
	#index_about .news ul li a{width: 70%;}
	
	/*关于我们详情页*/
	.pg-about .container{width: 96%; padding: 0 2%;}
	.about-tenede{padding: 20px 0 20px 0;}
	.about-tenede-content dl{width: 45%;margin-bottom: 20px}
	.about-view .about-view-content1{padding: 2em 0;}
	.about-view .about-view-content{width: 50%;}
	.about-view .about-view-content h3{margin-top: 10px;}
	.about-view .about-we-bg{width:49%;margin: 0 about;bottom:-70px;text-align: center;}
	.img-responsive{width: 90%; padding:0 5%;}
	.about-view-dl{padding: 7em 0 2.5em 0;}
	.about-view-dl dl{float: left; margin-bottom: 10px;}
	.about-view-dl dl dd.des{padding: 1em 2em 1em 2em}
	.about-services li big{width:88%}
	.about-services li big small{display: none}
	.about-culture .about-culture-content{background-size: 36%;}
	.about-culture .about-culture-content p.des-cn{width: 95%; padding-right: 5%}
	.about-culture .about-culture-content p.des-en{display: none}
	
	/*作品展示列表页*/
	#class{height:auto;width: 96%;padding: 0 2%}
	#class .warp{height:auto;padding-bottom: 20px;}
	#case{width: 100%}
	.n_des{width:100%}
	#case ul{width: 100%;padding: 0;}
	#case ul li{width: 30.333%;height: auto;margin: 30px 1.5% 0 1.5%;}
	#case ul li dd a, #case ul li dd a img{width: 100%; height: auto}
	#case ul li .hcase-image-box{ width: 100%;height: 100%; background-size: cover;}
	#case ul li dt{padding-bottom: 10px;}
	.about-culture .about-culture-content h2{font-size: 34px;}
	
	/*作品详情页*/
	
	#content{width: 96%;padding: 0 2%;}
	#content .subnav{padding: 0;margin-bottom:0px;}
	#content .view_case{width: 100%;}
	#content .view .tit, #content .view_case .tit{margin-top: 20px;}
	#content .view .tit .info, #content .view_case .tit .info{height: auto;overflow: hidden;}
	#content .view .tit .info ul li, #content .view_case .tit .info ul li{width: 100%;display: block}
	
	#MyContent img{height: auto;width: 100%}
	
	/*观点动态列表页*/
	.pg-news #list,.pg-news_view #content{width: 96%; padding: 20px 2%}
	.pg-news .fl,.pg-news .fr{float: none}
	#class .qq{float: right}
	.content_left .class{width: 94%; padding: 3%;}
	.content_left .class ul{width: 100%}
	.content_left .class ul li{margin-right: 10px;}
	#portletnews,#portletnews1{display: none}
	#list .left{width: 94%;margin-top: 20px; padding: 20px 3%}
	
	/*观点详情页*/
	.content_left{width: 100%}
	#content .view{width: 96%; margin-top: 20px; padding:20px 2%;height: auto}
	
	/*设计服务*/
	.pg-service .iwidth{width: 96%; padding: 0 2%}
	.pg-service .s1,
	.pg-service .s2,
	.pg-service .s3,
	.pg-service .s4{height: auto; overflow: hidden}
	.pg-service .s1{width: 100%;background:#6db6a3 url(images/page_service_box_bg.jpg);padding: 30px 0;}
	.s1 .pic_bg{width: 40%;position: relative;float: left;bottom:0;}
	.s1 .stxt{width: 55%;position: relative;float: right;top:0;}
	
	.pg-service .s2{width: 100%;background:#fff;padding: 30px 0;}
	.s2 .pic_bg{width: 30%;position: relative;float: right;top:0;}
	.s2 .stxt{width: 65%;position: relative;float: left;top:0;}
	
	.pg-service .s3{width: 100%;background:#e7e7e7;padding: 30px 0;}
	.s3 .pic_bg{width: 30%;position: relative;float: left;top:0;}
	.s3 .stxt{width: 65%;position: relative;float: right;top:0;}
	
	.pg-service .s4{width: 100%;background:#fff;padding: 30px 0;}
	.s4 .pic_bg{width: 40%;position: relative;float: right;top:0; margin-top: 5%}
	.s4 .stxt{width: 55%;position: relative;float: left;top:0;}
	
	.pg-service .ser-banner{display: none}
	
	.pg-service .htitle h2 img{width: 96%;padding: 0 2%}
	#client_box ul{width: 100%; padding-bottom: 20px; overflow: hidden}
	#client_box ul li{margin: 10px 0% 10px 2%;width:14.3333%; height: auto;border: #CCC 0px solid;}
	#client_box ul li img{width: 100%; height: auto;border: #CCC 1px solid;}
	
	/*---------设计服务详情页---------*/
	/*Web design*/
	.webdesign1 .warp{padding: 8em 2%;width: 96%;}
	.webdesign1-bg{width: 50%;}
	.webdesign1 .webdesign1-con{width: 48%;}
	.en_web_design{display: none}
	
	.webdesign2 .webdesign2-about{width: 58%; padding-left:2% }
	.webdesign2 .webdesign2-con{width: 34%;padding: 20px 2%}
	.webdesign_s{display: none}
	.webdesign2 .webdesign2-about span.h3{display: none}
	.webdesign2 .webdesign2-about span.en{display: none}
	
	.webdesign3{width: 96%; padding: 2em 2% 0 2%}
	.webdesign3 .webdesign3-bg{width: 39%}
	.webdesign3 .webdesign3-con{width: 50%;padding-top: 2em;}
	.webdesign3 .webdesign3-con div.compatible{display: none}
	
	.webdesign4 .webdesign4-con{width: 96%; padding: 10px 2% 0 2%}
	.webdesign4 .webdesign4-con p{padding: 0 2%}
	
	.webdesign-list .webdesign-item{margin:0 2%;width:21% }
	
	/*Graphic design*/
	
	/*WeChat Era*/
	
	/*SEO*/
	
	
	/*联系我们*/
	.contact_full ul{width:  100%; margin: 0 about}
	.contact_full ul li { float: left; width: 225px; background: url(images/contact-li1.jpg) no-repeat left top; padding-left: 60px; margin-left: 20px; padding-right: 20px; border-right: 1px solid #454545;}
	.contact_full ul li.li2 { background-image: url(images/contact-li2.jpg); width: 225px; padding-right: 0;}
	.contact_full ul li.li3 { background-image: url(images/contact-li3.jpg); width: 190px; border-right: none;}
	.contact_box .fr{width: 62%; padding: 0 2%}
	.contact_box .fl{width: 30%; padding: 0 2%}
	.contact_box .fl .thank{width: 90%;}

	/*footer*/
	#footer{padding: 30px 2%;width: 96%}
	#linker{padding: 0 2%;width: 96%}
	#foot_copy{padding: 0 2%;width: 96%}
	
	/*左侧分类*/
	.left_menu_list{ display: none !important;}
	
	
	/*百度分享，第三方插件*/
	#share{ display:none}
}

@media screen and (max-width: 910px){
	
	/*图片背景变文字*/
    .slogan { background-image: none; height:auto; width:90%; margin: 0 auto; text-indent:0px; top:50%;}
	.header-content .section-header{font-size:55px; font-weight: 700;}
	.header-content .p-header{ width: 90%;font-size: 24px;}
	.mouse-animte{bottom: 50px;}
	
	/*合作伙伴*/
    #index_client ul li{margin: 10px 0% 10px 1.66%;width:18%; height: auto;border: #CCC 0px solid;}
	
	/*业务服务文字介绍高度*/
	.four-menu ul li a{height: 230px;}
	
	/*关于我们详情页*/
	.about-tenede-content dl{width: 100%;margin-bottom: 20px}
	.about-view .about-view-content1{padding: 2em 0;}
	.about-view .about-view-content{width: 100%;}
	.about-view .about-view-content h3{margin-top: 10px;}
	.about-view .about-we-bg{width:100%;position: relative;margin: 0 about;bottom:-70px;text-align: center}
	
	.about-culture .about-culture-content{background: none;padding:60px 2% 20px 2%;width: 96%;overflow: hidden}
	.about-culture .about-culture-content p.des-cn {width: 100%;padding: 0;}
	
	/*设计服务*/
	.candara { font-size: 60px; line-height: 80px;}
	.pg-service .iwidth .more{display: none}
	
	/*Web design*/
	.webdesign2 .webdesign2-about{width: 45%; padding-left:2% }
	.webdesign2 .webdesign2-con{width: 45%;padding: 20px 2%}
	.webdesign4 .webdesign4-con .mall{display: none}
	.webdesign4-bg{width: 100%; margin-top: 20px;}
	
	/*联系我们*/
	.contact_full{padding: 100px 0;}
	.contact_full ul li{min-height: 100px; }
	.contact_full ul li.li2{border-right: none;}
	
	/*footer*/
	.weixin dt{display: none}
	

}
/*------ipad 768*1024------*/
@media screen and (max-width: 768px){
	
	/*LOGO建议变小，去掉中文及网址*/
	a.header-logo{ width: 140px;}
	
	/*文字尺寸*/
	.header-content .section-header{font-size:50px; font-weight: 700;}
	.header-content .p-header{ width: 90%;font-size: 18px;}
	
	/*案例展示*/
	#pro_case ul li.product_list{width: 45%; margin: 20px 0 0 3.33%;}
	
	/*合作伙伴*/
	#index_client ul li{margin: 10px 0% 10px 2%;width:22.5%; height: auto;border: #CCC 0px solid;}
	#index_client .htitle{padding: 0 2%}
	.about-services .htitle{padding: 0 2%}
	/*关于我们*/
	#index_about{padding: 30px 0;}
	#index_about .about_content{float: none; padding:0 2% 20px 2%;width: 96%;border-right:none;border-bottom: 1px #b9b9b9 dashed}
	#index_about .news{width: 96%;padding:0 2% 0 2%; margin-top: 30px;float: none;}
	
	/*关于我们详情页*/
	.about-tenede .about-tenede-tit{display: none;}
	.about-tenede-content{width:100%}
	.about-view-dl{padding: 7em 0 2.5em 0;}
	.about-view-dl dl dd.des{padding: 1em 2em 1em 2em}
	.about-culture .about-culture-content p.des-cn{width: 100%;}
	.about-culture .about-culture-content h1 b.green{display: block; margin-top: 5px;}
	
	/*作品展示列表页*/
	#class .qq{display: none}
	#class .left p{display: none}
	.n_des{display: none}
	#case ul li{width: 46%;height: auto;margin: 30px 2% 0 2%;}
	
	/*业务服务文字介绍高度*/
	.four-menu ul li a{height: 250px;}
	.about-services li{width:47%;padding-bottom:30%;margin:1.5% 1.5%;}		
	/*设计服务*/
	.candara{font-size: 40px; line-height: 60px;}
	.stxt .en_box{display: none}
	.pg-service #client_box {background-size: cover;padding: 70px 0;}
	#client_box ul li{margin: 10px 0% 10px 2%;width:17.2%;}
	
	/*Web design*/
	.webdesign1 .warp{padding: 4em 2% 8em 2%;width: 96%;}
	.webdesign3 .webdesign3-con{padding-top: 1.5em;}
	.webdesign3 .webdesign3-con p.h2{font-size: 2.5em;}
	
	/*联系我们*/
	.contact_full{padding: 80px 0;}
	.contact_full h1{font-size: 62px; line-height:80px; margin-bottom: 60px;}
	.contact_box .fl{display: none}
	.contact_box .fr{float: none; width: 96%; padding: 0 2%}
	.contact_box table{float: none}
	
	/*footer*/
	#footer{height: auto;padding: 30px 0 10px 0;width:100%}
	#footer .fcontact{width: 96%;padding:0 2% 10px 2%;}
	.weixin{display: none}
	
	/*友链*/
	#linker{display: none}
	
	/*版权*/
	#foot_copy .copyright{text-align: center;display: block;width: 100%;}
	
	/*备案信息*/
	#foot_copy em{display: none}
	#foot_copy a{display: none}
	
	/*ftmenu*/
	#foot_copy .ft_menu{display: none}
    
}

@media screen and (max-width: 645px){
	.contact_full ul li{float: none; background-size: 5%}
	.contact_full ul li.li1{border-right: none; width: 80%; margin: 0 0 0 5%; padding:0 5% 0 10%;}
	.contact_full ul li.li2{width: 80%; margin: 0 0 0 5%; padding:0 5% 0 10%;}
	.contact_full ul li.li3{width: 80%; margin: 0 0 0 5%; padding:0 5% 0 10%;}
	.ITOne-comment-ul3{width:100%}
	.ITOne-comment .ITOne-comment-ul3-2{margin:0}
	/*Web design*/
	.webdesign3 .webdesign3-con{padding-top: 1em;}
}

@media screen and (max-width: 600px){
	
	a.header-logo{margin-left: 5%;}
	
	div.mobile-nav-menu{padding-right: 5%}
	
	/*首页banner大图文字尺寸*/
	.header-content .section-header{font-size:40px; font-weight: 700;}
	.header-content .p-header{ width: 90%;font-size: 16px;}
	
	/*业务服务文字介绍高度*/
	.four-menu ul li a{height: 260px;}

	/*案例展示*/
	.section-title p{padding: 0 2%}
	
	/*关于我们详情页*/
	.about-view-dl dl{width: 100%;float: none; margin-bottom: 10px;}
	
	/*观点动态列表*/
	.news_list span{display: block;float: none !important;}
	
	/*设计服务*/
	.pg-service #client_box {padding: 50px 0;}
	#client_box ul li{margin: 10px 0% 10px 2%;width:21.5%;}
	
	/*Web design*/
	.webdesign3 .webdesign3-con{padding-top: 0.5em;width: 100%; float: none}
	.webdesign3 .webdesign3-bg{width: 100%; float: none; margin-top: 20px;}
	.webdesign-list .webdesign-item{margin:0 2% 20px 2%;width:42%;}
	
	/*联系我们*/
	.contact_full h1{font-size: 42px; line-height:60px;}
	.contact_box{display: none}
	
	/*分页样式*/
	.pagelist .first{display: none}
	.pagelist .last{display: none}
	.pagelist span{display: none}
	
	/*有言JS评论，第三方插件*/
	/*.uyan{display: none}*/
    
}

/*------ipad 常规手机竖屏尺寸------*/
@media screen and (max-width: 480px) {
	
	/*普通浏览器去视频*/
	video.header-video,source{ display: none}
	
	/*文字尺寸*/
	.header-content .section-header{font-size:30px; font-weight: 700;}
	.header-content .p-header{ width: 90%;font-size: 12px;}

	/*业务服务*/
	#intro h3{font-size:18px; padding:0 5%;margin: 30px 0 10px 0;}
	#intro .lead{font-size:12px;padding:0 5%;}
	.four-menu{ width:90%;padding:0 5% 20px 5%;}
	.four-menu ul li{width:49%; margin-right: 0; height: 160px; border: 1px dashed #eee}
	.four-menu ul li h1, .four-menu ul li h2{width:100%; font-size: 14px;}
	.four-menu ul li a{height: 160px;}
	.four-menu ul li span{display: none}

	/*--------------------四个设计服务模块-----------------*/
	
	#web_1024{display: none}
	
	/*手机、网站、、SEO共享代码*/
	#wap_480{display: block}
	#wap_480 img{width: 100%}
	.about-services li{width:100%;padding-bottom:62%;margin:2% 0;}
	
	/*企业手机网站*/
	.mobile_05{display: none}

	/*案例展示*/
	#pro_case{padding: 30px 0;}
	.section-title{padding:0;}
	.section-title h2{font-size:18px; padding:0 5%;margin:0 0 10px 0;}
	.section-title p{line-height: 1.4;font-size:12px;padding:0 5%;}
	#pro_case ul li.product_list{width: 90%; margin: 20px 5% 0 5%;}
	
	/*合作伙伴*/
	#index_client,.about-services{padding:0 5%;font-size:18px;}
	#index_client .htitle{padding: 0 3%}
	.about-services .htitle{padding: 0 3%}	
	#index_client ul li{margin: 10px 0% 10px 2.5%;width:30%; height: auto;border: #CCC 0px solid;}
	
	/*关于我们*/
	#index_about .about_content{padding: 0 5% 20px 5%;width: 90%;}
	#index_about .news{padding: 0 5% 20px 5%;width: 90%;}
	
	/*关于我们详情页*/
	.pg-about .container{width: 90%; padding: 0 5%;}
	.about-tenede{padding: 20px 0 20px 0;}
	.about-tenede .about-tenede-tit{display: none}
	.about-tenede-content{width: 100%}
	.about-tenede-content dl.l,.about-tenede-content dl.r{float: none}
	.about-culture .about-culture-content{background: none;padding:60px 5% 20px 5%;width: 90%;overflow: hidden}

	/*作品展示列表页*/
	#content{width: 90%;padding: 0 5%;}
	#class{display: none;}
	.n_des{display: none;}
	.subnav{padding: 0 5%;margin-bottom:0px;}
	.subnav a{margin:3px;}
	.tc{text-align: left;}
	#case ul{width: 90%;padding: 0 5%;}
	#case ul li{width: 100%;height: auto;margin:30px 0 0 0}
	
	/*作品详情页*/
	#portletcases{display: none;}
	#content .view .tag, #content .view_case .tag{display: none;}
	#content .view_case #article_pn{margin-bottom: 20px;}
	
	/*资讯列表页*/
	.content_left .class{width: 94%; padding: 3%;}
	#list .left{width: 90%;margin-top: 20px; padding: 20px 5%}
	.pg-news #list,.pg-news_view #content{width: 90%; padding: 20px 5%}
	
	/*资讯内页*/
	.pg-news .fr,.pg-news .fl,.pg-news_view .fr,.pg-news_view .fl{ float: none;}	
	#list .left .tit{display: none}
	#list .left ul li .pic{display: none}
	#content .view{width: 90%; margin-top: 20px; padding:20px 5%;}
	
	/*设计服务 - 详细业务服务在电脑浏览，手机只做大致介绍*/
	.pg-service .iwidth{width: 90%; padding: 0 5%}
	.candara{font-size: 24px;line-height: 44px;}
	.f18{font-size: 14px;}
	.f14{display: none}
	
	.pg-service #client_box{padding: 30px 0;}
	.pg-service .htitle{margin-bottom: 0;}
	.pg-service .htitle h2 img{width: 90%;padding: 0 5%}

	#client_box ul li{margin: 10px 0% 10px 5%;width:26.66666%;}
	
	/*Web design*/
	.webdesign1 .warp{padding: 4em 5% 8em 5%;width: 90%;}
	.webdesign1 .webdesign1-con{width: 100%;float: none}
	.webdesign1-bg{width: 100%;float: none}
	.webdesign2 .webdesign2-about p{display: none}
	.webdesign2 .webdesign2-con{width: 90%; padding: 20px 5%}
	.webdesign3 .warp{width: 90%; padding: 0 5%}
	.webdesign4 .webdesign4-con{width: 90%; padding: 0 5%}
	.webdesign4 .webdesign4-con h1{font-size: 2em;}
	.webdesign4 .webdesign4-con p{padding: 0;}
	.webdesign-list{padding: 4em 0;}
	.webdesign-list .webdesign-item{margin:0 5% 20px 5%;width:40%;}


	/*联系我们*/
	.service-top{height: 150px;background-size: cover}
	.service-text{margin-bottom: 20%;}
	.service-text img{width: 80%}
	.service-nav{display: none}
	.contact_box{width: 90%; padding:30px 5%}
	.contact_box .fr{display: none}
	.contact_box .fr,.contact_box .fl{float: none;}
	.contact_box .fl h3{display: none}
	.contact_box .fl .thank{display: none}
	.contact-grids{width: 100%}
	.pg-contact #footer{display: none}
	.contact_full h1{font-size: 32px; line-height:50px;}
	
	
	/*footer*/
	#footer .fcontact{width: 90%;padding: 0 5% 10px 5%;}
	#footer .fcontact .fsns{display: none}
}

/*------iphone5 320*568------*/
@media screen and (max-width: 320px){
	
	/*分页样式*/
	.pagelist .previous{display: none}
	.pagelist .next{display: none}
	
	/*关于我们*/
	#index_about .news ul li span{display: none}
	
	/*Web design*/
	.webdesign1 .webdesign1-works{width: 100%}
	.webdesign2 .webdesign2-con big{font-size:1.5em;}
	.webdesign-list .webdesign-item{margin:0 5% 20px 5%;width:90%;}
	
}

/* CSS Document */

.left_menu_list{position:fixed; z-index:9999; overflow:visible; top:50%; _position: absolute; /*_top: expression((documentElement.scrollTop+180) + "px"); */display:table;width:56px; left:0; margin-top:-171px;}

.left_menu_list .menu_class_a_list{width:56px; display:table;}

.left_menu_list .menu_class_a_list ul li{position:relative;background:url(images/touming_02.png) repeat-y;height:56px; margin-bottom:1px;}

.left_menu_list .menu_class_a_list ul li .pull_down2{position:absolute;left:-150px;top:0;}

.left_menu_list .menu_class_a_list ul li .pull_down2 a{width:150px;height:56px; display:block; line-height:56px; text-align:center; color:#FFF; font-size:14px; font-family:"微软雅黑","Arial"; background:url(images/left18.png) right no-repeat;padding:0;}

.left_menu_list .menu_class_a_list ul li a{width:32px;height:32px; display:block; line-height:16px; padding:12px 12px; text-align:center; color:#FFF; font-size:12px; font-family:"微软雅黑","Arial"}

.left_menu_list .menu_class_a_list2{width:59px; display:table;background:url(images/touming2_02.png) repeat-y;}

.left_menu_list .menu_class_a_list2 ul li{position:relative;}

.left_menu_list .menu_class_a_list2 ul li .pull_down2{position:absolute;left:-150px;top:0;}

.left_menu_list .menu_class_a_list2 ul li .pull_down2 a{width:150px;height:35px; display:block; line-height:35px; text-align:center; color:#FFF; font-size:12px; font-family:"微软雅黑","Arial"; background:#162d46;}

.left_menu_list .menu_class_a_list2 ul li a{width:59px;height:35px; display:block; line-height:35px; text-align:center; color:#FFF; font-size:12px; font-family:"微软雅黑","Arial"}